.page-bindCard {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	.bindCard-container {
		flex: 1;
		overflow-y: scroll;
		.header-img {
			width: 7.5rem;
			height: 3.6rem;
			img {
				width: 7.5rem !important;
				height: 3.6rem !important;
			}
		}
		.am-list-item {
			height: 1.04rem;
			.am-list-line {
				position: relative;
				padding-right: 0;
				margin-right: 0.3rem;
			}

			.am-input-label {
				padding: 0 0.4rem 0 0;
				color: #353535;
				font-size: 0.32rem;
				.icon-item {
					position: absolute;
					top: 50%;
					width: 0.48rem;
					height: 0.48rem;
					transform: translateY(-50%);
				}
				.icon-camera {
					right: 0;
				}
				.get-code {
					position: absolute;
					right: 0;
					top: 50%;
					padding: 0.3rem 0;
					transform: translateY(-50%);
					text-align: center;
					width: 1.8rem;
					font-size: 0.28rem;
					color: #f82633;
					&::before {
						content: "";
						position: absolute;
						height: 24px;
						top: 0;
						bottom: 0;
						margin: auto;
						width: 0px;
						background: #ddd;
						left: -0.2rem;
					}
				}
			}
			.am-input-label.am-input-label-5 {
				width: auto;
			}
			.am-input-control {
				input {
					color: #302e2f;
					font-size: 0.32rem;
				}

				input::-webkit-input-placeholder {
					color: #ddd;
				}
				input::-moz-input-placeholder {
					color: #ddd;
				}
				input::-ms-input-placeholder {
					color: #ddd;
				}
			}
		}
		.my-picker-list {
			.am-list-line:after {
				content: "";
				position: absolute;
				background-color: #ddd;
				display: block;
				z-index: 1;
				top: auto;
				right: auto;
				bottom: 0;
				left: 0;
				width: 100%;
				height: 1px;
				-webkit-transform-origin: 50% 100%;
				transform-origin: 50% 100%;
				-webkit-transform: scaleY(0.5);
				transform: scaleY(0.5);
			}
		}
		.disabled {
			.am-input-control {
				input {
					color: #999;
					-webkit-text-fill-color: #999;
					-webkit-opacity: 1;
					opacity: 1;
				}
			}
		}
		.my-accountNo {
			.am-input-clear {
				position: relative;
				right: 0.5rem;
			}
		}
		.my-verifyCode {
			.am-input-clear {
				position: relative;
				right: 2rem;
			}
		}
	}
	.bindCard-bottom {
		padding: 0.2rem 0 0.32rem 0;
		background: #fff;
		box-shadow: 0px -1px 0px 0px rgba(238, 238, 238, 1);
		.bottom-agree {
			padding: 0 0 0.16rem 0;
			overflow: hidden;
			.agree-p {
				line-height: 0.34rem;
				text-align: center;
				.agree-p-word {
					color: #888;
					font-size: 0.24rem;
					text-align: center;
					margin-bottom: 0.1rem;
				}
				.agree-p-link {
					color: #302e2f;
					font-size: 0.24rem;
				}
			}
		}
	}
}

.bank-list-modal {
	.am-modal-body {
		padding-right: 5px !important;
	}

	.am-modal-header {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding-top: 0.32rem;
		padding-left: 0.42rem;
		padding-bottom: 0.24rem;
	}

	.am-modal-title {
		text-align: left;
		font-size: 0.32rem;
	}

	.am-modal-close {
		top: 0.32rem;
	}

	.bank-item {
		&:first-child {
			margin-top: 0.2rem;
		}

		&:last-child {
			// border-bottom: none;
		}

		display: flex;
		padding: 0.26rem 0;
		align-items: center;
		border-bottom: 0.02rem solid #f8f8f8;
		width: inherit;

		img {
			width: 0.6rem;
			height: 0.6rem;
			margin-right: 0.5rem;
		}

		&-desc {
			text-align: left;

			.name {
				color: rgba(74, 74, 74, 1);
				line-height: 0.4rem;
				font-size: 0.28rem;
				margin-bottom: 0.04rem;
			}

			.limit {
				color: rgba(136, 136, 136, 1);
				font-size: 0.24rem;
				line-height: 0.34rem;
			}
		}
	}
}
